//定义游戏需要的数据。

var grid = 16;

// 蛇
var snake = {
    // 长度。
    maxCells: 4,
    // 各个节点的坐标。
    cells: [],
};

// 生成多个方块
for (var i = 0; i < snake.maxCells; i++) {
    snake.cells.push({ 
        x: 160 + i * grid,
        y: 160 
    });
};

// 获得画布对象和上下文
var canvas = document.getElementById('game');
var context = canvas.getContext('2d');

// 画方块
context.fillStyle = 'green';
for (var i = 0; i < snake.cells.length; i++) {
    // -1 是为了间隔一个像素
    context.fillRect(snake.cells[i].x, snake.cells[i].y, grid - 1, grid - 1);
};